<template>
 <h2>注册</h2>
  <table border="1">
  <tr>
    <td>用户名</td>
    <td>
      <input type="text" v-model="info.xname"/>
    </td>
  </tr>
  <tr>
    <td>密码</td>
    <td>
      <input type="password" v-model="info.xpwd"/>
    </td>
  </tr>
  <tr>
    <td colspan="2">
      <input type="button" value="注册" @click="Add"/>
    </td>
  </tr>
</table>

  
 
</template>


<script setup lang="ts">
import {ref} from 'vue'
import axios from 'axios'
import { useRouter } from 'vue-router'
var router = useRouter();


//相当function (){}
const info =ref({
xname:"",
xpwd:"",

})
//按钮事件
const Add=()=>{
if(info.value.xname=="")
{
alert("用户名不能为空");
return;
}
axios({
  url:"",
  method:"post",//提交方式
  data:info.value,
  //get 提交方式
  //params:{},
}).then(function(res){
  if(res.data=100){
alert("用户已存在");
  }
  else  if(res.data>0)
    {
      alert("注册成功");
      router.push("/Zhuce");

    }
    else
    {
      alert("注册失败");
    }

})


  
}



</script>
